<!DOCTYPE html>
<html lang="en"  style="font-size: 0.266666666666vw;">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <title>Document</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="./css/denglu.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./icon/iconfont.css">

</head>
<body>
    <div class="top-img">
        <img src="./img/denglu/bg.png" alt="">
    </div>
    <form class="login">
        <div class="user">
            <img src="./img/denglu/user.png" alt="">
            <input type="text" placeholder="请输入邮箱/个性账号">
        </div>
        <div class="user">
            <img src="./img/denglu/lock.png" alt="">
            <input type="password" placeholder="请输入密码">
            <p>
                <img src="./img/denglu/unlook.svg" alt="">
            </p>
        </div>

        <div class="zhuce">
            <a href="">忘记密码</a>
            <a href="">用户注册</a>
        </div>
        <div class="zhengce">
            登录即代表同意 <span>《用户服务协议》</span> 和<span>《隐私政策》</span>

        </div>

       <a href="./index.html"> <div class="btn">
            登录
        </div>
    </a>
    </form>

    <div class="fangshi">
        <div>
            <img src="./img/denglu/qq.png" alt="">
            <h1>QQ</h1>
        </div>
        <div>
            <img src="./img/denglu/duanxin.png" alt="">
            <h1>短信登录</h1>
        </div>
        <div>
            <img src="./img/denglu/gengduo.png" alt="">
            <h1>更多</h1>
        </div>
    </div>
    <div class="guanggao">
        <img src="./img/denglu/anzhuang.png" alt="">
    </div>
    
</body>
</html>